﻿
@{
    ViewData["Title"] = "订单";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<link href="/css/Orderstyle.css" rel="stylesheet" />
<header class="mui-bar mui-bar-nav">
    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">我的订单</h1>
</header>
<div class="mui-content">
    <div style="padding: 10px 10px;">
        <div id="segmentedControl" class="mui-segmented-control mui-segmented-control-inverted mui-segmented-control-primary">
            <a class="mui-control-item mui-active" href="#item1">全部订单</a>
            <a class="mui-control-item" href="#item2">待付款</a>
            <a class="mui-control-item" href="#item3">待收货</a>
            <a class="mui-control-item" href="#item4">已完成</a>
            <a class="mui-control-item" href="#item5">已取消</a>
        </div>
    </div>
    <div>
        <div id="item1" class="mui-control-content mui-active">
            <div class="tab-item">
                <a href="javascript:void(0);" class="aui-well-item aui-well-item-clear">
                    <div class="aui-well-item-hd">
                        <img src="/images/icon-logo.png" alt="">
                    </div>
                    <div class="aui-well-item-bd">
                        <h3>自营Apple产品专营店</h3>
                    </div>
                    <span class="aui-well-item-fr">已取消</span>
                </a>
                <div class="aui-mail-product">
                    <a href="javascript:;" class="aui-mail-product-item">
                        <div class="aui-mail-product-item-hd">
                            <img src="/images/pd-001.png" alt="">
                        </div>
                        <div class="aui-mail-product-item-bd">
                            <p>Apple 苹果 iPhone8 Plus 4G手机 深空灰 移动联通版64G裸机Apple 苹果 iPhone8 Plus 4G手机 深空灰 移动联通版64G裸机</p>
                        </div>
                    </a>
                </div>
                <a href="javascript:;" class="aui-mail-payment">
                    <p>
                        共<em>1</em>
                        件商品 实付款: ￥<i>6899.00</i>
                    </p>
                </a>
                <div class="aui-mail-button">
                    <a href="javascript:;">再次购买</a>
                    <a href="javascript:;" class="aui-df-color">评价晒单</a>
                    <a href="javascript:;" class="aui-df-color">查看发票</a>
                    <a href="/Order/OrderDetails">订单详情</a>
                </div>
            </div>
        </div>
        <div id="item2" class="mui-control-content">
            <div class="tab-item">
                <a href="javascript:void(0);" class="aui-well-item aui-well-item-clear">
                    <div class="aui-well-item-hd">
                        <img src="/images/icon-logo.png" alt="">
                    </div>
                    <div class="aui-well-item-bd">
                        <h3>SONY京东自营官方旗舰店</h3>
                    </div>
                    <span class="aui-well-wait">等待付款</span>
                </a>
                <div class="aui-mail-product">
                    <a href="javascript:;" class="aui-mail-product-item">
                        <div class="aui-mail-product-item-hd">
                            <img src="/images/pd-002.png" alt="">
                        </div>
                        <div class="aui-mail-product-item-bd">
                            <p>索尼（SONY）WH-1000XM2 Hi-Res无线蓝牙耳机 智能降噪耳机 头戴式 1000x二代 香槟金</p>
                        </div>
                    </a>
                </div>
                <a href="javascript:;" class="aui-mail-payment">
                    <p>
                        共<em>1</em>
                        件商品 实付款: ￥<i>2298.00</i>
                    </p>
                </a>
                <div class="aui-mail-button">
                    <a href="javascript:;">去支付</a>
                </div>
            </div>
        </div>
        <div id="item3" class="mui-control-content">
            <div class="tab-item">
                <a href="javascript:void(0);" class="aui-well-item aui-well-item-clear">
                    <div class="aui-well-item-hd">
                        <img src="/images/icon-logo.png" alt="">
                    </div>
                    <div class="aui-well-item-bd">
                        <h3>自营Apple产品专营店</h3>
                    </div>
                    <span class="aui-well-wait">等待收货</span>
                </a>
                <div class="aui-mail-product">
                    <a href="javascript:;" class="aui-mail-product-item">
                        <div class="aui-mail-product-item-hd">
                            <img src="/images/pd-003.png" alt="">
                        </div>
                        <div class="aui-mail-product-item-bd">
                            <p>FILA斐乐男鞋2018夏季新款LOGO轻便复古跑鞋运动鞋男 标准白 41FILA斐乐男鞋2018夏季新款LOGO轻便复古跑鞋运动鞋男 标准白 41FILA斐乐男鞋2018夏季新款LOGO轻便复古跑鞋运动鞋男 标准白 41FILA斐乐男鞋2018夏季新款LOGO轻便复古跑鞋运动鞋男 标准白 41</p>
                        </div>
                    </a>
                </div>
                <a href="javascript:;" class="aui-mail-payment">
                    <p>
                        共<em>1</em>
                        件商品 实付款: ￥<i>6899.00</i>
                    </p>
                </a>
                <div class="aui-mail-button">
                    <a href="javascript:;">等待收货</a>
                    <a href="javascript:;" class="aui-df-color">再次购买</a>
                    <a href="javascript:;" class="aui-df-color">查看物流</a>
                    <a href="/Order/OrderDetails">订单详情</a>
                </div>
            </div>
        </div>
        <div id="item4" class="mui-control-content">
            <div class="tab-item">
                <a href="javascript:void(0);" class="aui-well-item aui-well-item-clear">
                    <div class="aui-well-item-hd">
                        <img src="images/icon-logo.png" alt="">
                    </div>
                    <div class="aui-well-item-bd">
                        <h3>自营Apple产品专营店</h3>
                    </div>
                    <span class="aui-well-item-fr"></span>
                </a>
                <div class="aui-mail-product">
                    <a href="javascript:;" class="aui-mail-product-item">
                        <div class="aui-mail-product-item-hd">
                            <img src="images/pd-004.png" alt="">
                        </div>
                        <div class="aui-mail-product-item-bd">
                            <p>盼盼 酸梅汤 酸梅汁风味饮料 250ml*24盒 整箱 果汁饮料</p>
                        </div>
                    </a>
                </div>
                <a href="javascript:;" class="aui-mail-payment">
                    <p>
                        共<em>1</em>
                        件商品 实付款: ￥<i>21.90</i>
                    </p>
                </a>
                <div class="aui-mail-button">
                    <a href="javascript:;">再次购买</a>
                    <a href="javascript:;" class="aui-df-color">评价晒单</a>
                    <a href="javascript:;" class="aui-df-color">查看发票</a>
                    <a href="/Order/OrderDetails">订单详情</a>
                </div>
            </div>
        </div>
        <div id="item5" class="mui-control-content">
            <div class="tab-item">
                <a href="javascript:void(0);" class="aui-well-item aui-well-item-clear">
                    <div class="aui-well-item-hd">
                        <img src="images/icon-logo.png" alt="">
                    </div>
                    <div class="aui-well-item-bd">
                        <h3>自营Apple产品专营店</h3>
                    </div>
                    <span class="aui-well-item-fr">已取消</span>
                </a>
                <div class="aui-mail-product">
                    <a href="javascript:;" class="aui-mail-product-item">
                        <div class="aui-mail-product-item-hd">
                            <img src="images/pd-005.png" alt="">
                        </div>
                        <div class="aui-mail-product-item-bd">
                            <p>OPPO R15 全面屏双摄拍照手机 4G+128G 雪盈白 全网通 移动联通电信4G 双卡双待手机</p>
                        </div>
                    </a>
                </div>
                <a href="javascript:;" class="aui-mail-payment">
                    <p>
                        共<em>1</em>
                        件商品 实付款: ￥<i>2499.00</i>
                    </p>
                </a>
                <div class="aui-mail-button">
                    <a href="javascript:;">再次购买</a>
                    <a href="javascript:;" class="aui-df-color">评价晒单</a>
                    <a href="javascript:;" class="aui-df-color">查看发票</a>
                    <a href="/Order/OrderDetails">订单详情</a>
                </div>
            </div>
        </div>
    </div>
</div>


